@mixin scrollbar {
  &::-webkit-scrollbar {
    /* 滚动条整体样式 */
    width: 8px; /* 定义纵向滚动条宽度 */
    height: 8px; /* 定义横向滚动条高度 */
  }
  
  &::-webkit-scrollbar-thumb {
    /* 滚动条内部滑块 */
    border-radius: 8px;
    background-color: hsla(220, 4%, 58%, 0.3);
  }
  
  &::-webkit-scrollbar-thumb:hover {
    /* 鼠标悬停滚动条内部滑块 */
    background-color: #bbb;
  }
  
  &::-webkit-scrollbar-track {
    /* 滚动条内部轨道 */
    background-color: transparent;
  }
}